<div class="apos-schema-tabs apos-array-items" data-schema-tabs>
  {% for item in data.arrayItems %}
    <div class="apos-schema-tab apos-array-item{{ ' apos-active' if (data.active == loop.index0)}}" data-apos-array-items-trigger="{{loop.index0}}" data-id="{{ item.id }}">
      {% if not data.field.readOnly %}
        <div class="apos-array-item-controls">
          <i class="fa fa-remove" data-apos-delete-array-item></i>
          <i class="fa fa-arrow-down" data-apos-move-array-item="down"></i>
          <i class="fa fa-arrow-up" data-apos-move-array-item="up"></i>	
        </div>
      {% endif %}
      {% include data.field.listItemTemplate or "arrayListItem.html" %}
    </div>
  {% endfor %}
</div>
